/*           INICIO DE CSS PARA INDEX      */

#divIndex{
     /* Posicion y Anchura de el div */
     position:absolute;
     width:300px;
     height:200px;
     top:380px;
     left:50%;
     margin:-150px 0 0 -150px;
     background-color: #FFFFFF;
     /* Sombras de el div */
     box-shadow:2px 2px 10px 7px #C9C9C9;
     -webkit-box-shadow:2px 2px 10px 7px #C9C9C9;
     -moz-box-shadow:2px 2px 10px 7px #C9C9C9;

     /* Bordes Redondeados */
		 -webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
		 border-radius: 3px;
		 
	
}
#tablaLogin{
    margin-top:20px;
    margin-right:50px;
    margin-left:50px;
}
#tablaLogin input{
     border-radius: 3px;
}

.bodyIndex{
  background-color: #F2F2F2;
}

/*           FIN DE CSS PARA INDEX      */






#imgLogo{
	/*etiqueta img donde tenemos cargada la imagen de SpecialOlympics*/
     width:300px;
     height:170px;
	 
	 /*la imagen siempre ocupar� el centro de la pagina */
	display: block; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

body{
    font-family:'Open Sans', 'Helvetica Neue', Arial, sans;
	color: #708090;
}

#submit{
   /*boton enviar */
	background-color: #019875;
	color: white;
	width: 88px;
	height: 30px;
}

.error{
	width:300px;
	/*el tama�o depender� de los errores*/
	/*el borde tiene color emerald y punteado,
	estas proppiedades se activan al validar*/
	border-style:solid;
	border-color: #019875;
	/*div centrado y bloqueado para redimensionado*/
	display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 230px;
	/* Bordes Redondeados */
	border-width:1px;
		 -webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
		 border-radius: 3px;
	/*Formato Letras*/
	 font-size:10px;
	 color: #e23d28;
	 text-align: center;
}



.error2{
	width:300px;
	/*el tama�o depender� de los errores*/
	/*el borde tiene color emerald y punteado,
	estas proppiedades se activan al validar*/
	border-style:solid;
	border-color: #019875;
	/*div centrado y bloqueado para redimensionado*/
	display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px; 
	/* Bordes Redondeados */
	border-width:1px;
		 -webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
		 border-radius: 3px;
	/*Formato Letras*/
	 font-size:10px;
	 color: #e23d28;
	 text-align: center;
}

.text{
	/*los dos imput type='text' usuario y contrase�a */
	width: 14em;
	height:3em;

}

td{
	/*separaci�n entre los diferentes td*/
	padding: 10px 0px 0px 0px;
	font-size: 0.75em;
    text-align: center;
}


#divUsuario{
    position:absolute;
    z-index:0;
    width:20%;
    height:25%;
    margin: -8px;
    top: 50px;
    left: 30px;
}

#divMenu{
    position:absolute;
    z-index:1;
    width:0%;
    height:77%;
    top:32%;
    left: 1%;
    background-color: #000;

}

#divCabecera{
     z-index:0;
     position:absolute;
     width:80%;
     height:25%;
     top:0px;
     left:9%;
     margin: 0px 0 0 0px;

}

#divContenido{
     z-index:0;
     position:absolute;
     width:80%;
     height:77%;
     top:25%;
     left:20%;
     margin: 0px 0 0 0px;
     display: block;
}

#imagenIndex{
		width:55%;
		height:70%;
		}
		
#divInicio{
     z-index:0;
     position:absolute;
     width:80%;
     height:77%;
     top:25%;
     left:20%;
     margin: 0px 0 0 0px;
     display: block;
	 /*font-size: 1 em;*/
	 text-align: center;
}

#tablaListado{
    color: #000;
border:3px solid #019875;
-webkit-border-radius:13px;
-moz-border-radius:13px;
-ms-border-radius:13px;
-o-border-radius:13px;
border-radius:13px;
margin-left:auto;
margin-right:auto;
}



#titulosTabla{
        border-bottom:1px solid red;
        padding:5px;
}



body{
  background-color: #F2F2F2;
}


#logoCabecera{
    width:240px;
    height:150px;
    margin-top:1%;
    margin-left:52%;

}

#divModificar{
	width:300px;
	/*el tama�o depender� de los errores*/
	/*el borde tiene color emerald y punteado,
	estas proppiedades se activan al validar*/
	border-style:solid;
	border-color: #019875;
	/*div centrado y bloqueado para redimensionado*/
	display: block;
    margin-top: 10px;
    margin-left: 23%;

	/* Bordes Redondeados */
	border-width:1px;
		 -webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
		 border-radius: 3px;
	/*Formato Letras*/
	 font-size:10px;
	 color: #e23d28;
	 text-align: center;
     margin-right:auto;
     margin-left:auto;
}



#divOculto{
    visibility: hidden;
    position: absolute;
    top: 20%;
    left: 67%;
}